ஜாவாஸ்கிரிப்ட் ஃபிரேம்வொர்க் ஒப்பீட்டு முறை: புறநிலை செயல்திறன் பகுப்பாய்வு

சரியான ஜாவாஸ்கிரிப்ட் ஃபிரேம்வொர்க்கைத் தேர்ந்தெடுப்பது எந்தவொரு வலை மேம்பாட்டுத் திட்டத்திற்கும் ஒரு முக்கியமான முடிவாகும். டெவலப்பர்களின் கவனத்தை ஈர்க்க எண்ணற்ற விருப்பங்களுடன் இந்தத் தளம் பரந்து விரிந்துள்ளது. இந்த இடுகை ஜாவாஸ்கிரிப்ட் ஃபிரேம்வொர்க்குகளைப் புறநிலையாக ஒப்பிடுவதற்கான ஒரு விரிவான முறையை வழங்குகிறது, செயல்திறன் பகுப்பாய்வை ஒரு முக்கிய வேறுபாடாக வலியுறுத்துகிறது. நாங்கள் சந்தைப்படுத்தல் மிகைப்படுத்தல்களுக்கு அப்பால் சென்று, உலகளவில் பொருந்தக்கூடிய உறுதியான அளவீடுகள் மற்றும் சோதனை உத்திகளில் மூழ்குவோம்.

புறநிலை செயல்திறன் பகுப்பாய்வு ஏன் முக்கியமானது

இன்றைய வேகமான டிஜிட்டல் உலகில், வலைத்தளத்தின் செயல்திறன் பயனர் அனுபவம், SEO தரவரிசைகள் மற்றும் மாற்று விகிதங்களை நேரடியாகப் பாதிக்கிறது. மெதுவாக ஏற்றப்படும் வலைத்தளங்கள் பயனர் விரக்தி, அதிகரித்த பவுன்ஸ் விகிதங்கள் மற்றும் இறுதியில், இழந்த வருவாய்க்கு வழிவகுக்கும். எனவே, வெவ்வேறு ஜாவாஸ்கிரிப்ட் ஃபிரேம்வொர்க்குகளின் செயல்திறன் பண்புகளைப் புரிந்துகொள்வது மிக முக்கியமானது. இது குறிப்பாக உலகளாவிய பார்வையாளர்களை இலக்காகக் கொண்ட பயன்பாடுகளுக்கு உண்மையாகும், அங்கு நெட்வொர்க் நிலைமைகள் மற்றும் சாதனத் திறன்கள் கணிசமாக வேறுபடலாம். வளர்ந்த சந்தையில் நன்றாக வேலை செய்வது, மெதுவான இணைய வேகம் அல்லது குறைந்த சக்திவாய்ந்த சாதனங்களைக் கொண்ட பகுதிகளில் போராடக்கூடும். புறநிலை பகுப்பாய்வு இந்த மாறுபட்ட காட்சிகளுக்கு மிகவும் பொருத்தமான ஃபிரேம்வொர்க்குகளை அடையாளம் காண உதவுகிறது.

ஒரு வலுவான ஒப்பீட்டு முறையின் அடிப்படைக் கொள்கைகள்

• மீண்டும் உருவாக்கக்கூடிய தன்மை: அனைத்து சோதனைகளும் மீண்டும் செய்யக்கூடியதாக இருக்க வேண்டும், மற்ற டெவலப்பர்கள் முடிவுகளை சரிபார்க்க அனுமதிக்கிறது.
• வெளிப்படைத்தன்மை: சோதனைச் சூழல், கருவிகள் மற்றும் வழிமுறைகள் தெளிவாக ஆவணப்படுத்தப்பட வேண்டும்.
• பொருத்தப்பாடு: சோதனைகள் உண்மையான உலகக் காட்சிகள் மற்றும் பொதுவான பயன்பாட்டு நிகழ்வுகளை உருவகப்படுத்த வேண்டும்.
• புறநிலை: பகுப்பாய்வு அளவிடக்கூடிய தரவுகளில் கவனம் செலுத்த வேண்டும் மற்றும் அகநிலை கருத்துக்களைத் தவிர்க்க வேண்டும்.
• அளவிடுதல்: இந்த முறை வெவ்வேறு ஃபிரேம்வொர்க்குகள் மற்றும் வளர்ந்து வரும் பதிப்புகளுக்குப் பொருந்தக்கூடியதாக இருக்க வேண்டும்.

கட்டம் 1: ஃபிரேம்வொர்க் தேர்வு மற்றும் அமைப்பு

முதல் படியில் ஒப்பிடப்பட வேண்டிய ஃபிரேம்வொர்க்குகளைத் தேர்ந்தெடுப்பது அடங்கும். ரியாக்ட், ஆங்குலர், வியூ.ஜேஎஸ், ஸ்வெல்ட் போன்ற பிரபலமான தேர்வுகளைக் கருத்தில் கொள்ளுங்கள், மேலும் திட்டத் தேவைகள் மற்றும் சந்தைப் போக்குகளின் அடிப்படையில் மற்றவற்றையும் கருத்தில் கொள்ளலாம். ஒவ்வொரு ஃபிரேம்வொர்க்கிற்கும்:

• அடிப்படைத் திட்டத்தை உருவாக்குங்கள்: ஃபிரேம்வொர்க்கின் பரிந்துரைக்கப்பட்ட கருவிகள் மற்றும் பாய்லர்பிளேட்டைப் (உதாரணமாக, Create React App, Angular CLI, Vue CLI) பயன்படுத்தி ஒரு அடிப்படைத் திட்டத்தை அமைக்கவும். நீங்கள் சமீபத்திய நிலையான பதிப்புகளைப் பயன்படுத்துவதை உறுதிப்படுத்திக் கொள்ளுங்கள்.
• திட்ட அமைப்பு நிலைத்தன்மை: எளிதாக ஒப்பிடுவதற்கு வசதியாக அனைத்து ஃபிரேம்வொர்க்குகளிலும் ஒரு நிலையான திட்ட அமைப்பைப் பெற முயற்சி செய்யுங்கள்.
• தொகுப்பு மேலாண்மை: npm அல்லது yarn போன்ற ஒரு தொகுப்பு மேலாளரைப் பயன்படுத்தவும். சோதனை மீண்டும் உருவாக்கக்கூடிய தன்மையை உறுதிப்படுத்த அனைத்து சார்புகளும் நிர்வகிக்கப்பட்டு பதிப்புகள் தெளிவாக ஆவணப்படுத்தப்பட்டுள்ளன என்பதை உறுதிப்படுத்தவும். தொகுப்பு மேலாளர் லாக்ஃபைலைப் (உதாரணமாக, `package-lock.json` அல்லது `yarn.lock`) பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்.
• வெளிப்புற சார்புகளைக் குறைத்தல்: ஆரம்ப திட்ட சார்புகளை குறைந்தபட்சமாக வைத்திருங்கள். ஃபிரேம்வொர்க்கின் மையத்தில் கவனம் செலுத்துங்கள் மற்றும் செயல்திறன் முடிவுகளைத் தவறாக மாற்றக்கூடிய தேவையற்ற லைப்ரரிகளைத் தவிர்க்கவும். பின்னர், குறிப்பிட்ட செயல்பாடுகளைச் சோதித்தால் குறிப்பிட்ட லைப்ரரிகளை அறிமுகப்படுத்தலாம்.
• கட்டமைப்பு: மீண்டும் உருவாக்கக்கூடிய தன்மையை உறுதிப்படுத்த அனைத்து ஃபிரேம்வொர்க்-குறிப்பிட்ட கட்டமைப்பு அமைப்புகளையும் (உதாரணமாக, பில்ட் மேம்படுத்தல்கள், குறியீடு பிரித்தல்) ஆவணப்படுத்தவும்.

உதாரணம்: இந்தியாவிலும் பிரேசிலிலும் உள்ள பயனர்களை இலக்காகக் கொண்ட ஒரு திட்டத்தை கற்பனை செய்து பாருங்கள். இந்த பிராந்தியங்களில் பரவலான பயன்பாடு மற்றும் சமூக ஆதரவின் காரணமாக ஒப்பிடுவதற்கு நீங்கள் ரியாக்ட், வியூ.ஜேஎஸ் மற்றும் ஆங்குலரைத் தேர்ந்தெடுக்கலாம். ஆரம்ப அமைவு கட்டத்தில் ஒவ்வொரு ஃபிரேம்வொர்க்கிற்கும் ஒரே மாதிரியான அடிப்படைத் திட்டங்களை உருவாக்குவது, நிலையான திட்ட கட்டமைப்புகள் மற்றும் பதிப்புக் கட்டுப்பாட்டை உறுதி செய்வது ஆகியவை அடங்கும்.

கட்டம் 2: செயல்திறன் அளவீடுகள் மற்றும் அளவீட்டுக் கருவிகள்

இந்தக் கட்டம் முக்கிய செயல்திறன் அளவீடுகளை வரையறுப்பதிலும் பொருத்தமான அளவீட்டுக் கருவிகளைத் தேர்ந்தெடுப்பதிலும் கவனம் செலுத்துகிறது. மதிப்பிட வேண்டிய முக்கியமான பகுதிகள் இங்கே:

2.1 முக்கிய வலை உயிர்சக்திகள் (Core Web Vitals)

கூகிளின் முக்கிய வலை உயிர்சக்திகள் வலைத்தள செயல்திறனை மதிப்பிடுவதற்கு அத்தியாவசியமான பயனர் மைய அளவீடுகளை வழங்குகின்றன. இந்த அளவீடுகள் உங்கள் ஒப்பீட்டின் முன்னணியில் இருக்க வேண்டும்.

• மிகப்பெரிய உள்ளடக்க வண்ணம் (LCP): வியூபோர்ட்டில் தெரியும் மிகப்பெரிய உள்ளடக்க உறுப்பின் ஏற்றுதல் செயல்திறனை அளவிடுகிறது. 2.5 வினாடிகள் அல்லது அதற்கும் குறைவான LCP ஸ்கோரை நோக்கமாகக் கொள்ளுங்கள்.
• முதல் உள்ளீட்டு தாமதம் (FID): ஒரு பயனர் ஒரு பக்கத்துடன் முதலில் தொடர்பு கொள்ளும் நேரத்திலிருந்து (எ.கா., ஒரு இணைப்பைக் கிளிக் செய்வது) உலாவி அந்தத் தொடர்புக்குப் பதிலளிக்கக்கூடிய நேரம் வரை அளவிடுகிறது. சிறந்த முறையில், FID 100 மில்லி விநாடிகளுக்குக் குறைவாக இருக்க வேண்டும். FID-ஐ மறைமுகமாக மதிப்பிடுவதற்கு மொத்த தடுப்பு நேரத்தை (TBT) ஒரு ஆய்வக அளவீடாகப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்.
• திரட்டப்பட்ட தளவமைப்பு மாற்றம் (CLS): ஒரு பக்கத்தின் காட்சி நிலைத்தன்மையை அளவிடுகிறது. எதிர்பாராத தளவமைப்பு மாற்றங்களைத் தவிர்க்கவும். 0.1 அல்லது அதற்கும் குறைவான CLS ஸ்கோரை நோக்கமாகக் கொள்ளுங்கள்.

2.2 மற்ற முக்கிய அளவீடுகள்

• செயல்படத் தொடங்கும் நேரம் (TTI): ஒரு பக்கம் முழுமையாக ஊடாடக்கூடியதாக மாறுவதற்கு எடுக்கும் நேரம்.
• முதல் அர்த்தமுள்ள வண்ணம் (FMP): LCP-ஐப் போன்றது, ஆனால் முதன்மை உள்ளடக்கத்தை வழங்குவதில் கவனம் செலுத்துகிறது. (குறிப்பு: FMP ஆனது LCP-க்கு ஆதரவாக படிப்படியாக நிறுத்தப்படுகிறது, ஆனால் சில சூழல்களில் இன்னும் பயனுள்ளதாக இருக்கிறது).
• மொத்த பைட் அளவு: ஆரம்ப பதிவிறக்கத்தின் மொத்த அளவு (HTML, CSS, ஜாவாஸ்கிரிப்ட், படங்கள் போன்றவை). சிறியது பொதுவாக சிறந்தது. அதற்கேற்ப படங்கள் மற்றும் சொத்துக்களை மேம்படுத்துங்கள்.
• ஜாவாஸ்கிரிப்ட் செயல்படுத்தும் நேரம்: உலாவி ஜாவாஸ்கிரிப்ட் குறியீட்டைப் பாகுபடுத்துவதற்கும் செயல்படுத்துவதற்கும் செலவிடும் நேரம். இது செயல்திறனை கணிசமாக பாதிக்கலாம்.
• நினைவக நுகர்வு: பயன்பாடு எவ்வளவு நினைவகத்தைப் பயன்படுத்துகிறது, குறிப்பாக வளம் குறைந்த சாதனங்களில் இது முக்கியமானது.

2.3 அளவீட்டுக் கருவிகள்

• குரோம் டெவ்டூல்ஸ்: செயல்திறனைப் பகுப்பாய்வு செய்வதற்கான ஒரு இன்றியமையாத கருவி. பக்க சுமைகளைப் பதிவு செய்யவும் பகுப்பாய்வு செய்யவும், செயல்திறன் தடைகளைக் கண்டறியவும் மற்றும் வெவ்வேறு நெட்வொர்க் நிலைமைகளை உருவகப்படுத்தவும் செயல்திறன் பேனலைப் பயன்படுத்தவும். மேலும், வலை உயிர்சக்திகளைச் சரிபார்க்கவும் மற்றும் மேம்பாட்டிற்கான பகுதிகளை அடையாளம் காணவும் லைட்ஹவுஸ் தணிக்கையைப் பயன்படுத்தவும். வெவ்வேறு நெட்வொர்க் வேகங்களையும் சாதனத் திறன்களையும் உருவகப்படுத்த த்ராட்லிங்கைப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்.
• வெப்பேஜ்டெஸ்ட்: ஆழமான வலைத்தள செயல்திறன் சோதனைக்கான ஒரு சக்திவாய்ந்த ஆன்லைன் கருவி. இது விரிவான செயல்திறன் அறிக்கைகளை வழங்குகிறது மற்றும் உலகளவில் வெவ்வேறு இடங்களிலிருந்து சோதிக்க அனுமதிக்கிறது. பல்வேறு பிராந்தியங்களில் உண்மையான உலக நெட்வொர்க் நிலைமைகள் மற்றும் சாதன வகைகளை உருவகப்படுத்த பயனுள்ளதாக இருக்கும்.
• லைட்ஹவுஸ்: வலைப்பக்கங்களின் தரத்தை மேம்படுத்துவதற்கான ஒரு திறந்த மூல, தானியங்கு கருவி. இது செயல்திறன், அணுகல், SEO மற்றும் பலவற்றிற்கான உள்ளமைக்கப்பட்ட தணிக்கைகளைக் கொண்டுள்ளது. இது ஒரு விரிவான அறிக்கையை உருவாக்குகிறது மற்றும் பரிந்துரைகளை வழங்குகிறது.
• உலாவி அடிப்படையிலான சுயவிவரங்கள்: உங்கள் உலாவியின் உள்ளமைக்கப்பட்ட சுயவிவரங்களைப் பயன்படுத்தவும். அவை CPU பயன்பாடு, நினைவக ஒதுக்கீடு மற்றும் செயல்பாட்டு அழைப்பு நேரங்கள் பற்றிய விரிவான நுண்ணறிவுகளை வழங்குகின்றன.
• கட்டளை வரி கருவிகள்: `webpack-bundle-analyzer` போன்ற கருவிகள் பண்டில் அளவுகளைக் காட்சிப்படுத்தவும், குறியீடு பிரித்தல் மற்றும் மேம்படுத்துவதற்கான வாய்ப்புகளை அடையாளம் காணவும் உதவும்.
• தனிப்பயன் ஸ்கிரிப்டிங்: குறிப்பிட்ட தேவைகளுக்கு, செயல்திறன் அளவீடுகளை அளவிட தனிப்பயன் ஸ்கிரிப்ட்களை (Node.js இல் `perf_hooks` போன்ற கருவிகளைப் பயன்படுத்தி) எழுதுவதைக் கருத்தில் கொள்ளுங்கள்.

உதாரணம்: நீங்கள் நைஜீரியாவில் பயன்படுத்தப்படும் ஒரு வலைப் பயன்பாட்டைச் சோதிக்கிறீர்கள், அங்கு மொபைல் இணைய வேகம் மெதுவாக இருக்கலாம். நெட்வொர்க்கை 'மெதுவான 3ஜி' அமைப்புக்கு த்ராட்டில் செய்ய குரோம் டெவ்டூல்ஸைப் பயன்படுத்தவும் மற்றும் ஒவ்வொரு ஃபிரேம்வொர்க்கிற்கும் LCP, FID மற்றும் CLS மதிப்பெண்கள் எவ்வாறு மாறுகின்றன என்பதைப் பார்க்கவும். ஒவ்வொரு ஃபிரேம்வொர்க்கிற்கும் TTI-ஐ ஒப்பிடவும். நைஜீரியாவின் லாகோஸிலிருந்து ஒரு சோதனையை உருவகப்படுத்த வெப்பேஜ்டெஸ்ட்டைப் பயன்படுத்தவும்.

கட்டம் 3: சோதனைகள் மற்றும் காட்சிகள்

பொதுவான வலை மேம்பாட்டுக் காட்சிகளைப் பிரதிபலிக்கும் சோதனை நிகழ்வுகளை வடிவமைக்கவும். இது வெவ்வேறு நிலைமைகளின் கீழ் ஃபிரேம்வொர்க் செயல்திறனை மதிப்பிட உதவுகிறது. பின்வருபவை நல்ல எடுத்துக்காட்டு சோதனைகள்:

• தொடக்க ஏற்றுதல் நேரம்: பக்கம் முழுமையாக ஏற்றப்படுவதற்கு, அனைத்து ஆதாரங்களையும் சேர்த்து, ஊடாடக்கூடியதாக மாறுவதற்கு எடுக்கும் நேரத்தை அளவிடவும்.
• ரெண்டரிங் செயல்திறன்: வெவ்வேறு கூறுகளின் ரெண்டரிங் செயல்திறனைச் சோதிக்கவும். எடுத்துக்காட்டுகள்:
  • டைனமிக் தரவு புதுப்பிப்புகள்: அடிக்கடி தரவு புதுப்பிப்புகளை (எ.கா., ஒரு API-யிலிருந்து) உருவகப்படுத்தவும். கூறுகளை மீண்டும் ரெண்டர் செய்ய எடுக்கும் நேரத்தை அளவிடவும்.
  • பெரிய பட்டியல்கள்: ஆயிரக்கணக்கான உருப்படிகளைக் கொண்ட பட்டியல்களை ரெண்டர் செய்யவும். ரெண்டரிங் வேகம் மற்றும் நினைவக நுகர்வை அளவிடவும். செயல்திறனை மேம்படுத்த மெய்நிகர் ஸ்க்ரோலிங்கைக் கருத்தில் கொள்ளுங்கள்.
  • சிக்கலான பயனர் இடைமுக கூறுகள்: உட்பொதிக்கப்பட்ட கூறுகள் மற்றும் சிக்கலான ஸ்டைலிங் கொண்ட சிக்கலான பயனர் இடைமுக கூறுகளின் ரெண்டரிங்கை சோதிக்கவும்.
• நிகழ்வு கையாளுதல் செயல்திறன்: கிளிக்குகள், கீ பிரஸ்கள் மற்றும் மவுஸ் அசைவுகள் போன்ற பொதுவான நிகழ்வுகளுக்கு நிகழ்வு கையாளுதலின் வேகத்தை மதிப்பீடு செய்யவும்.
• தரவுப் பெறுதல் செயல்திறன்: ஒரு API-யிலிருந்து தரவைப் பெற்று முடிவுகளை ரெண்டர் செய்ய எடுக்கும் நேரத்தைச் சோதிக்கவும். மாறுபட்ட காட்சிகளை உருவகப்படுத்த வெவ்வேறு API எண்ட்பாயிண்ட்கள் மற்றும் தரவு அளவுகளைப் பயன்படுத்தவும். தரவு மீட்டெடுப்பை மேம்படுத்த HTTP கேச்சிங்கைப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்.
• பில்ட் அளவு மற்றும் மேம்படுத்தல்: ஒவ்வொரு ஃபிரேம்வொர்க்கிற்கும் உற்பத்தி பில்டின் அளவைப் பகுப்பாய்வு செய்யவும். பில்ட் மேம்படுத்தல் நுட்பங்களைப் (குறியீடு பிரித்தல், ட்ரீ ஷேக்கிங், மினிஃபிகேஷன் போன்றவை) பயன்படுத்தவும் மற்றும் பில்ட் அளவு மற்றும் செயல்திறனில் ஏற்படும் தாக்கத்தை ஒப்பிடவும்.
• நினைவக மேலாண்மை: பல்வேறு பயனர் தொடர்புகளின் போது நினைவக நுகர்வைக் கண்காணிக்கவும், குறிப்பாக அதிக அளவு உள்ளடக்கத்தை ரெண்டர் செய்யும்போதும் அகற்றும்போதும். நினைவக கசிவுகளைத் தேடுங்கள்.
• மொபைல் செயல்திறன்: மொபைல் சாதனங்களில் மாறுபட்ட நெட்வொர்க் நிலைமைகள் மற்றும் திரை அளவுகளுடன் செயல்திறனைச் சோதிக்கவும், ஏனெனில் உலகளவில் வலைப் போக்குவரத்தின் ஒரு பெரிய சதவீதம் மொபைல் சாதனங்களிலிருந்து வருகிறது.

உதாரணம்: நீங்கள் அமெரிக்கா மற்றும் ஜப்பானில் உள்ள பயனர்களை இலக்காகக் கொண்ட ஒரு இ-காமர்ஸ் தளத்தை உருவாக்குகிறீர்கள் என்று வைத்துக்கொள்வோம். ஆயிரக்கணக்கான தயாரிப்புகளுடன் (பெரிய பட்டியல் ரெண்டரிங்) ஒரு தயாரிப்புப் பட்டியலை உலாவும் ஒரு பயனரை உருவகப்படுத்தும் ஒரு சோதனை நிகழ்வை வடிவமைக்கவும். பட்டியலை ஏற்றும் நேரத்தையும், தயாரிப்புகளை வடிகட்டி வரிசைப்படுத்தும் நேரத்தையும் (நிகழ்வு கையாளுதல் மற்றும் தரவுப் பெறுதல்) அளவிடவும். பின்னர், மெதுவான 3ஜி இணைப்புடன் கூடிய மொபைல் சாதனத்தில் இந்த காட்சிகளை உருவகப்படுத்தும் சோதனைகளை உருவாக்கவும்.

கட்டம் 4: சோதனைச் சூழல் மற்றும் செயல்படுத்தல்

நம்பகமான முடிவுகளுக்கு ஒரு நிலையான மற்றும் கட்டுப்படுத்தப்பட்ட சோதனைச் சூழலை நிறுவுவது மிகவும் முக்கியமானது. பின்வரும் காரணிகளைக் கருத்தில் கொள்ள வேண்டும்:

• வன்பொருள்: அனைத்து சோதனைகளிலும் நிலையான வன்பொருளைப் பயன்படுத்தவும். இதில் CPU, RAM மற்றும் சேமிப்பகம் ஆகியவை அடங்கும்.
• மென்பொருள்: நிலையான உலாவி பதிப்புகள் மற்றும் இயக்க முறைமைகளைப் பராமரிக்கவும். நீட்டிப்புகள் அல்லது கேச் செய்யப்பட்ட தரவுகளிலிருந்து குறுக்கீடுகளைத் தடுக்க சுத்தமான உலாவி சுயவிவரத்தைப் பயன்படுத்தவும்.
• நெட்வொர்க் நிலைமைகள்: குரோம் டெவ்டூல்ஸ் அல்லது வெப்பேஜ்டெஸ்ட் போன்ற கருவிகளைப் பயன்படுத்தி யதார்த்தமான நெட்வொர்க் நிலைமைகளை உருவகப்படுத்தவும். பல்வேறு நெட்வொர்க் வேகங்கள் (எ.கா., மெதுவான 3ஜி, வேகமான 3ஜி, 4ஜி, வைஃபை) மற்றும் தாமத நிலைகளுடன் சோதிக்கவும். வெவ்வேறு புவியியல் இடங்களிலிருந்து சோதனையைக் கருத்தில் கொள்ளுங்கள்.
• கேச்சிங்: தவறான முடிவுகளைத் தவிர்க்க ஒவ்வொரு சோதனைக்கு முன்பும் உலாவி கேச்-ஐ அழிக்கவும். மிகவும் யதார்த்தமான காட்சிக்கு கேச்சிங்கை உருவகப்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்.
• சோதனை ஆட்டோமேஷன்: நிலையான மற்றும் மீண்டும் செய்யக்கூடிய முடிவுகளை உறுதிப்படுத்த செலினியம், சைப்ரஸ் அல்லது பிளேரைட் போன்ற கருவிகளைப் பயன்படுத்தி சோதனைச் செயல்பாட்டைத் தானியக்கமாக்குங்கள். இது பெரிய அளவிலான ஒப்பீடுகளுக்கு அல்லது காலப்போக்கில் செயல்திறனைக் கண்காணிக்க குறிப்பாக பயனுள்ளதாக இருக்கும்.
• பல ஓட்டங்கள் மற்றும் சராசரி: ஒவ்வொரு சோதனையையும் பல முறை (எ.கா., 10-20 ஓட்டங்கள்) இயக்கவும் மற்றும் சீரற்ற ஏற்ற இறக்கங்களின் விளைவுகளைக் குறைக்க சராசரியைக் கணக்கிடவும். நிலையான விலகல்களைக் கணக்கிடுவதையும் அவுட்லையர்களை அடையாளம் காண்பதையும் கருத்தில் கொள்ளுங்கள்.
• ஆவணப்படுத்தல்: வன்பொருள் விவரக்குறிப்புகள், மென்பொருள் பதிப்புகள், நெட்வொர்க் அமைப்புகள் மற்றும் சோதனை உள்ளமைவுகள் உட்பட சோதனைச் சூழலை முழுமையாக ஆவணப்படுத்தவும். இது மீண்டும் உருவாக்கக்கூடிய தன்மையை உறுதி செய்கிறது.

உதாரணம்: கட்டுப்படுத்தப்பட்ட சூழலுடன் ஒரு பிரத்யேக சோதனை இயந்திரத்தைப் பயன்படுத்தவும். ஒவ்வொரு சோதனை ஓட்டத்திற்கும் முன், உலாவி கேச்-ஐ அழிக்கவும், 'மெதுவான 3ஜி' நெட்வொர்க்கை உருவகப்படுத்தவும் மற்றும் செயல்திறன் சுயவிவரத்தைப் பதிவு செய்ய குரோம் டெவ்டூல்ஸைப் பயன்படுத்தவும். சைப்ரஸ் போன்ற ஒரு கருவியைப் பயன்படுத்தி சோதனைச் செயல்பாட்டைத் தானியக்கமாக்கி, வெவ்வேறு ஃபிரேம்வொர்க்குகளில் ஒரே மாதிரியான சோதனைகளை இயக்கவும், அனைத்து முக்கிய அளவீடுகளையும் பதிவு செய்யவும்.

கட்டம் 5: தரவுப் பகுப்பாய்வு மற்றும் விளக்கம்

ஒவ்வொரு ஃபிரேம்வொர்க்கின் பலங்களையும் பலவீனங்களையும் அடையாளம் காண சேகரிக்கப்பட்ட தரவைப் பகுப்பாய்வு செய்யுங்கள். செயல்திறன் அளவீடுகளைப் புறநிலையாக ஒப்பிடுவதில் கவனம் செலுத்துங்கள். பின்வரும் படிகள் முக்கியமானவை:

• தரவுக் காட்சிப்படுத்தல்: செயல்திறன் தரவைக் காட்சிப்படுத்த விளக்கப்படங்கள் மற்றும் வரைபடங்களை உருவாக்கவும். ஃபிரேம்வொர்க்குகளுக்கு இடையில் அளவீடுகளை ஒப்பிட பார் வரைபடங்கள், வரி வரைபடங்கள் மற்றும் பிற காட்சி உதவிகளைப் பயன்படுத்தவும்.
• அளவீட்டு ஒப்பீடு: LCP, FID, CLS, TTI மற்றும் பிற முக்கிய அளவீடுகளை ஒப்பிடவும். ஃபிரேம்வொர்க்குகளுக்கு இடையிலான சதவீத வேறுபாடுகளைக் கணக்கிடுங்கள்.
• தடைகளை அடையாளம் காணுதல்: குரோம் டெவ்டூல்ஸ் அல்லது வெப்பேஜ்டெஸ்டிலிருந்து செயல்திறன் சுயவிவரங்களைப் பயன்படுத்தி செயல்திறன் தடைகளை (எ.கா., மெதுவான ஜாவாஸ்கிரிப்ட் செயல்படுத்தல், திறமையற்ற ரெண்டரிங்) அடையாளம் காணவும்.
• தரப் பகுப்பாய்வு: சோதனையின் போது பெறப்பட்ட எந்தவொரு அவதானிப்புகள் அல்லது நுண்ணறிவுகளையும் (எ.கா., பயன்பாட்டின் எளிமை, டெவலப்பர் அனுபவம், சமூக ஆதரவு) ஆவணப்படுத்தவும். இருப்பினும், புறநிலை செயல்திறன் அளவீடுகளுக்கு முன்னுரிமை அளியுங்கள்.
• வர்த்தக பரிமாற்றங்களைக் கருத்தில் கொள்ளுங்கள்: ஃபிரேம்வொர்க் தேர்வில் வர்த்தக பரிமாற்றங்கள் உள்ளன என்பதை அங்கீகரிக்கவும். சில ஃபிரேம்வொர்க்குகள் சில பகுதிகளில் (எ.கா., ஆரம்ப ஏற்றுதல் நேரம்) சிறந்து விளங்கலாம், ஆனால் மற்றவற்றில் (எ.கா., ரெண்டரிங் செயல்திறன்) பின்தங்கியிருக்கலாம்.
• இயல்பாக்கம்: தேவைப்பட்டால் செயல்திறன் அளவீடுகளை இயல்பாக்குவதைக் கருத்தில் கொள்ளுங்கள் (எ.கா., சாதனங்கள் முழுவதும் LCP மதிப்புகளை ஒப்பிடுதல்).
• புள்ளியியல் பகுப்பாய்வு: செயல்திறன் வேறுபாடுகளின் முக்கியத்துவத்தை தீர்மானிக்க அடிப்படை புள்ளிவிவர நுட்பங்களைப் (எ.கா., சராசரிகள், நிலையான விலகல்களைக் கணக்கிடுதல்) பயன்படுத்துங்கள்.

உதாரணம்: வெவ்வேறு நெட்வொர்க் நிலைமைகளின் கீழ் ரியாக்ட், வியூ.ஜேஎஸ் மற்றும் ஆங்குலரின் LCP மதிப்பெண்களை ஒப்பிட்டு ஒரு பார் வரைபடத்தை உருவாக்கவும். மெதுவான நெட்வொர்க் நிலைமைகளின் கீழ் ரியாக்ட் தொடர்ந்து குறைந்த (சிறந்த) LCP மதிப்பெண்களைப் பெற்றால், அது மோசமான இணைய அணுகல் உள்ள பகுதிகளில் உள்ள பயனர்களுக்கு ஆரம்ப ஏற்றுதல் செயல்திறனில் ஒரு சாத்தியமான நன்மையைக் குறிக்கிறது. இந்த பகுப்பாய்வு மற்றும் கண்டுபிடிப்புகளை ஆவணப்படுத்தவும்.

கட்டம் 6: அறிக்கை மற்றும் முடிவுரை

தெளிவான, சுருக்கமான மற்றும் புறநிலை அறிக்கையில் கண்டுபிடிப்புகளை முன்வைக்கவும். அறிக்கையில் பின்வரும் கூறுகள் இருக்க வேண்டும்:

• நிர்வாகச் சுருக்கம்: சோதிக்கப்பட்ட ஃபிரேம்வொர்க்குகள், முக்கிய கண்டுபிடிப்புகள் மற்றும் பரிந்துரைகள் உட்பட ஒப்பீட்டின் ஒரு சுருக்கமான கண்ணோட்டம்.
• முறை: சோதனைச் சூழல், பயன்படுத்தப்பட்ட கருவிகள் மற்றும் சோதனை வழக்குகள் உட்பட சோதனை முறையின் விரிவான விளக்கம்.
• முடிவுகள்: விளக்கப்படங்கள், வரைபடங்கள் மற்றும் அட்டவணைகளைப் பயன்படுத்தி செயல்திறன் தரவை முன்வைக்கவும்.
• பகுப்பாய்வு: முடிவுகளைப் பகுப்பாய்வு செய்து ஒவ்வொரு ஃபிரேம்வொர்க்கின் பலங்களையும் பலவீனங்களையும் அடையாளம் காணவும்.
• பரிந்துரைகள்: செயல்திறன் பகுப்பாய்வு மற்றும் திட்டத் தேவைகளின் அடிப்படையில் பரிந்துரைகளை வழங்கவும். இலக்கு பார்வையாளர்கள் மற்றும் அவர்கள் செயல்படும் பகுதியை கருத்தில் கொள்ளுங்கள்.
• வரம்புகள்: சோதனை முறை அல்லது ஆய்வின் ஏதேனும் வரம்புகளை ஒப்புக்கொள்ளுங்கள்.
• முடிவுரை: கண்டுபிடிப்புகளைச் சுருக்கி ஒரு இறுதி முடிவை வழங்கவும்.
• பின்னிணைப்புகள்: விரிவான சோதனை முடிவுகள், குறியீட்டுத் துணுக்குகள் மற்றும் பிற துணை ஆவணங்களைச் சேர்க்கவும்.

உதாரணம்: அறிக்கை சுருக்கமாக: "ரியாக்ட் மெதுவான நெட்வொர்க் நிலைமைகளின் கீழ் சிறந்த ஆரம்ப ஏற்றுதல் செயல்திறனை (குறைந்த LCP) வெளிப்படுத்தியது, இது குறைந்த இணைய அணுகல் உள்ள பகுதிகளில் உள்ள பயனர்களை இலக்காகக் கொண்ட பயன்பாடுகளுக்குப் பொருத்தமான தேர்வாக அமைகிறது. வியூ.ஜேஎஸ் சிறந்த ரெண்டரிங் செயல்திறனைக் காட்டியது, அதே நேரத்தில் ஆங்குலரின் செயல்திறன் இந்த சோதனைகளில் நடுவில் இருந்தது. இருப்பினும், ஆங்குலரின் பில்ட் அளவு மேம்படுத்தல் மிகவும் பயனுள்ளதாக நிரூபிக்கப்பட்டது. மூன்று ஃபிரேம்வொர்க்குகளும் நல்ல மேம்பாட்டு அனுபவத்தை வழங்கின. இருப்பினும், சேகரிக்கப்பட்ட குறிப்பிட்ட செயல்திறன் தரவுகளின் அடிப்படையில், இந்தத் திட்டத்தின் பயன்பாட்டு நிகழ்வுகளுக்கு ரியாக்ட் மிகவும் செயல்திறன் மிக்க ஃபிரேம்வொர்க்காக உருவெடுத்தது, அதைத் தொடர்ந்து வியூ.ஜேஎஸ் நெருக்கமாகப் பின்தொடர்கிறது."

சிறந்த நடைமுறைகள் மற்றும் மேம்பட்ட நுட்பங்கள்

• குறியீடு பிரித்தல்: பெரிய ஜாவாஸ்கிரிப்ட் பண்டில்களைத் தேவைக்கேற்ப ஏற்றக்கூடிய சிறிய துண்டுகளாக உடைக்க குறியீடு பிரித்தலைப் பயன்படுத்தவும். இது ஆரம்ப ஏற்றுதல் நேரத்தைக் குறைக்கிறது.
• ட்ரீ ஷேக்கிங்: இறுதி பண்டிலிலிருந்து பயன்படுத்தப்படாத குறியீட்டை அகற்றி அதன் அளவைக் குறைக்கவும்.
• சோம்பேறி ஏற்றுதல்: படங்கள் மற்றும் பிற ஆதாரங்கள் தேவைப்படும் வரை ஏற்றுவதை ஒத்திவைக்கவும்.
• பட மேம்படுத்தல்: ImageOptim அல்லது TinyPNG போன்ற கருவிகளைப் பயன்படுத்தி படங்களின் கோப்பு அளவைக் குறைக்க அவற்றை மேம்படுத்துங்கள்.
• முக்கிய CSS: HTML ஆவணத்தின் `` இல் ஆரம்பப் பார்வையை ரெண்டர் செய்யத் தேவையான CSS-ஐச் சேர்க்கவும். மீதமுள்ள CSS-ஐ ஒத்திசைவின்றி ஏற்றவும்.
• மினிஃபிகேஷன்: CSS, ஜாவாஸ்கிரிப்ட் மற்றும் HTML கோப்புகளை மினிஃபை செய்து அவற்றின் அளவைக் குறைத்து ஏற்றுதல் வேகத்தை மேம்படுத்தவும்.
• கேச்சிங்: அடுத்தடுத்த பக்க சுமைகளை மேம்படுத்த கேச்சிங் உத்திகளை (எ.கா., HTTP கேச்சிங், சர்வீஸ் வொர்க்கர்ஸ்) செயல்படுத்தவும்.
• வெப் வொர்க்கர்ஸ்: கணக்கீட்டு ரீதியாகத் தீவிரமான பணிகளை வெப் வொர்க்கர்களுக்கு ஆஃப்லோட் செய்து பிரதான த்ரெட்டைத் தடுப்பதைத் தவிர்க்கவும்.
• சர்வர்-சைட் ரெண்டரிங் (SSR) மற்றும் ஸ்டேடிக் சைட் ஜெனரேஷன் (SSG): மேம்பட்ட ஆரம்ப ஏற்றுதல் செயல்திறன் மற்றும் SEO நன்மைகளுக்கு இந்த அணுகுமுறைகளைக் கருத்தில் கொள்ளுங்கள். SSR குறிப்பாக மெதுவான இணைய இணைப்புகள் அல்லது குறைந்த சக்தி வாய்ந்த சாதனங்களைக் கொண்ட பயனர்களை இலக்காகக் கொண்ட பயன்பாடுகளுக்கு உதவியாக இருக்கும்.
• முற்போக்கு வலை பயன்பாடு (PWA) நுட்பங்கள்: செயல்திறன், ஆஃப்லைன் திறன்கள் மற்றும் பயனர் ஈடுபாட்டை மேம்படுத்த சர்வீஸ் வொர்க்கர்ஸ் போன்ற PWA அம்சங்களைச் செயல்படுத்தவும். PWA-க்கள் செயல்திறனை கணிசமாக மேம்படுத்தலாம், குறிப்பாக மொபைல் சாதனங்களிலும் மற்றும் நம்பமுடியாத நெட்வொர்க் இணைப்பு உள்ள பகுதிகளிலும்.

உதாரணம்: உங்கள் ரியாக்ட் பயன்பாட்டில் குறியீடு பிரித்தலைச் செயல்படுத்தவும். இதில் `React.lazy()` மற்றும் `` கூறுகளைப் பயன்படுத்தி தேவைக்கேற்ப கூறுகளை ஏற்றுவது அடங்கும். இது உங்கள் பயன்பாட்டின் ஆரம்ப ஏற்றுதல் நேரத்தை கணிசமாகக் குறைக்கலாம்.

ஃபிரேம்வொர்க்-குறிப்பிட்ட பரிசீலனைகள் மற்றும் மேம்படுத்தல்கள்

ஒவ்வொரு ஃபிரேம்வொர்க்கும் அதன் தனித்துவமான பண்புகள் மற்றும் சிறந்த நடைமுறைகளைக் கொண்டுள்ளது. இவற்றைப் புரிந்துகொள்வது உங்கள் பயன்பாட்டின் செயல்திறனை அதிகரிக்க முடியும்:

• ரியாக்ட்: `React.memo()` மற்றும் `useMemo()` ஐப் பயன்படுத்தி மீண்டும் ரெண்டர் செய்வதை மேம்படுத்துங்கள். பெரிய பட்டியல்களை ரெண்டர் செய்ய மெய்நிகராக்கப்பட்ட பட்டியல்களை (எ.கா., `react-window`) பயன்படுத்தவும். குறியீடு பிரித்தல் மற்றும் சோம்பேறி ஏற்றுதலைப் பயன்படுத்தவும். செயல்திறன் சுமையைத் தவிர்க்க ஸ்டேட் மேலாண்மை லைப்ரரிகளை கவனமாகப் பயன்படுத்தவும்.
• ஆங்குலர்: மாற்றத்தைக் கண்டறியும் சுழற்சிகளை மேம்படுத்த மாற்றத்தைக் கண்டறியும் உத்திகளை (எ.கா., `OnPush`) பயன்படுத்தவும். அஹெட்-ஆஃப்-டைம் (AOT) தொகுப்பைப் பயன்படுத்தவும். குறியீடு பிரித்தல் மற்றும் சோம்பேறி ஏற்றுதலைச் செயல்படுத்தவும். பட்டியல் ரெண்டரிங் செயல்திறனை மேம்படுத்த `trackBy` ஐப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள்.
• வியூ.ஜேஎஸ்: நிலையான உள்ளடக்கத்தை ஒருமுறை ரெண்டர் செய்ய `v-once` டைரக்டிவைப் பயன்படுத்தவும். ஒரு டெம்ப்ளேட்டின் பகுதிகளை நினைவில் வைக்க `v-memo` ஐப் பயன்படுத்தவும். மேம்பட்ட அமைப்பு மற்றும் செயல்திறனுக்காக கம்போசிஷன் API ஐப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள். பெரிய பட்டியல்களுக்கு மெய்நிகர் ஸ்க்ரோலிங்கைப் பயன்படுத்தவும்.
• ஸ்வெல்ட்: ஸ்வெல்ட் அதிகபட்சம் மேம்படுத்தப்பட்ட வெண்ணிலா ஜாவாஸ்கிரிப்டுக்குத் தொகுக்கிறது, இது பொதுவாக சிறந்த செயல்திறனை விளைவிக்கிறது. கூறு வினைத்திறனை மேம்படுத்தவும் மற்றும் ஸ்வெல்ட்டின் உள்ளமைக்கப்பட்ட மேம்படுத்தல்களைப் பயன்படுத்தவும்.

உதாரணம்: ஒரு ரியாக்ட் பயன்பாட்டில், ஒரு கூறு அதன் ப்ராப்ஸ் மாறாதபோது மீண்டும் ரெண்டர் செய்யத் தேவையில்லை என்றால், அதை `React.memo()` இல் போர்த்தவும். இது தேவையற்ற மீண்டும் ரெண்டர் செய்வதைத் தடுத்து, செயல்திறனை மேம்படுத்தும்.

உலகளாவிய பரிசீலனைகள்: உலகளாவிய பார்வையாளர்களை அடைதல்

உலகளாவிய பார்வையாளர்களை இலக்காகக் கொள்ளும்போது, செயல்திறன் இன்னும் முக்கியமானது. அனைத்து பிராந்தியங்களிலும் செயல்திறனை அதிகரிக்க பின்வரும் உத்திகளைக் கருத்தில் கொள்ள வேண்டும்:

• உள்ளடக்க விநியோக நெட்வொர்க்குகள் (CDNs): உங்கள் பயன்பாட்டின் சொத்துக்களை (படங்கள், ஜாவாஸ்கிரிப்ட், CSS) புவியியல் ரீதியாகப் பரவியுள்ள சர்வர்களில் விநியோகிக்க CDNs-ஐப் பயன்படுத்தவும். இது தாமதத்தைக் குறைத்து உலகெங்கிலும் உள்ள பயனர்களுக்கு ஏற்றுதல் நேரத்தை மேம்படுத்துகிறது.
• சர்வதேசமயமாக்கல் (i18n) மற்றும் உள்ளூர்மயமாக்கல் (l10n): உங்கள் பயன்பாட்டின் உள்ளடக்கத்தை பல மொழிகளில் மொழிபெயர்த்து உள்ளூர் பழக்கவழக்கங்கள் மற்றும் விருப்பங்களுக்கு ஏற்ப மாற்றியமைக்கவும். வெவ்வேறு மொழிகளுக்கு உள்ளடக்கத்தை மேம்படுத்துவதைக் கருத்தில் கொள்ளுங்கள், ஏனெனில் வெவ்வேறு மொழிகள் பதிவிறக்கம் செய்ய வெவ்வேறு நேரங்களை எடுக்கலாம்.
• சர்வர் இருப்பிடம்: தாமதத்தைக் குறைக்க உங்கள் இலக்கு பார்வையாளர்களுக்கு புவியியல் ரீதியாக நெருக்கமான சர்வர் இருப்பிடங்களைத் தேர்வு செய்யவும்.
• செயல்திறன் கண்காணிப்பு: செயல்திறன் தடைகளைக் கண்டறிந்து நிவர்த்தி செய்ய வெவ்வேறு புவியியல் இடங்களிலிருந்து செயல்திறன் அளவீடுகளைத் தொடர்ந்து கண்காணிக்கவும்.
• பல இடங்களிலிருந்து சோதனை: வெப்பேஜ்டெஸ்ட் போன்ற கருவிகள் அல்லது உலகெங்கிலும் உள்ள பயனர் இருப்பிடங்களை உருவகப்படுத்த உங்களை அனுமதிக்கும் கருவிகளைப் பயன்படுத்தி உங்கள் வலைத்தளத்தின் வேகம் குறித்த சிறந்த நுண்ணறிவுகளைப் பெற, உங்கள் பயன்பாட்டின் செயல்திறனை பல்வேறு உலகளாவிய இடங்களிலிருந்து தவறாமல் சோதிக்கவும்.
• சாதன நிலப்பரப்பைக் கருத்தில் கொள்ளுங்கள்: சாதனத் திறன்கள் மற்றும் நெட்வொர்க் நிலைமைகள் உலகம் முழுவதும் கணிசமாக வேறுபடுகின்றன என்பதை அங்கீகரிக்கவும். உங்கள் பயன்பாட்டை வெவ்வேறு திரை அளவுகள், ரெசொலூஷன்கள் மற்றும் நெட்வொர்க் வேகங்களுக்குப் பதிலளிக்கக்கூடியதாகவும் மாற்றியமைக்கக்கூடியதாகவும் வடிவமைக்கவும். உங்கள் பயன்பாட்டை குறைந்த சக்தி வாய்ந்த சாதனங்களில் சோதித்து வெவ்வேறு நெட்வொர்க் நிலைமைகளை உருவகப்படுத்தவும்.

உதாரணம்: உங்கள் பயன்பாடு டோக்கியோ, நியூயார்க் மற்றும் பியூனஸ் அயர்ஸில் உள்ள பயனர்களால் பயன்படுத்தப்பட்டால், உங்கள் பயன்பாட்டின் சொத்துக்களை அந்த பிராந்தியங்களில் விநியோகிக்க ஒரு CDN-ஐப் பயன்படுத்தவும். இது ஒவ்வொரு இடத்திலும் உள்ள பயனர்கள் பயன்பாட்டின் ஆதாரங்களை விரைவாக அணுகுவதை உறுதி செய்கிறது. மேலும், அந்த பிராந்தியங்களுக்கு குறிப்பிட்ட செயல்திறன் சிக்கல்கள் எதுவும் இல்லை என்பதை உறுதிப்படுத்த டோக்கியோ, நியூயார்க் மற்றும் பியூனஸ் அயர்ஸிலிருந்து பயன்பாட்டைச் சோதிக்கவும்.

முடிவுரை: ஃபிரேம்வொர்க் தேர்வுக்கான தரவு சார்ந்த அணுகுமுறை

சிறந்த ஜாவாஸ்கிரிப்ட் ஃபிரேம்வொர்க்கைத் தேர்ந்தெடுப்பது ஒரு பன்முக முடிவாகும், மேலும் புறநிலை செயல்திறன் பகுப்பாய்வு ஒரு முக்கியமான அங்கமாகும். இந்த இடுகையில் கோடிட்டுக் காட்டப்பட்டுள்ள முறையைச் செயல்படுத்துவதன் மூலம் - ஃபிரேம்வொர்க் தேர்வு, கடுமையான சோதனை, தரவு சார்ந்த பகுப்பாய்வு மற்றும் சிந்தனைமிக்க அறிக்கை ஆகியவற்றை உள்ளடக்கி - டெவலப்பர்கள் திட்ட இலக்குகள் மற்றும் அவர்களின் உலகளாவிய பார்வையாளர்களின் பல்வேறு தேவைகளுடன் ஒத்துப்போகும் தகவலறிந்த முடிவுகளை எடுக்க முடியும். இந்த அணுகுமுறை தேர்ந்தெடுக்கப்பட்ட ஃபிரேம்வொர்க் சிறந்த பயனர் அனுபவத்தை வழங்குகிறது, ஈடுபாட்டைத் தூண்டுகிறது மற்றும் இறுதியில் உங்கள் வலை மேம்பாட்டுத் திட்டங்களின் வெற்றிக்கு பங்களிக்கிறது என்பதை உறுதி செய்கிறது.

இந்த செயல்முறை தொடர்ச்சியானது, எனவே ஃபிரேம்வொர்க்குகள் உருவாகி புதிய செயல்திறன் மேம்படுத்தல் நுட்பங்கள் வெளிவரும்போது தொடர்ச்சியான கண்காணிப்பு மற்றும் செம்மைப்படுத்தல் அவசியம். இந்தத் தரவு சார்ந்த அணுகுமுறையை ஏற்றுக்கொள்வது புதுமைகளை வளர்க்கிறது மற்றும் உலகெங்கிலும் உள்ள பயனர்களுக்கு அணுகக்கூடிய மற்றும் சுவாரஸ்யமான உயர் செயல்திறன் கொண்ட வலைப் பயன்பாடுகளை உருவாக்குவதற்கான உறுதியான அடித்தளத்தை வழங்குகிறது.